{$TopMenu}
<div id="main_panel">
<div id="personal_content" style="padding:10px;border:1px solid #ccc">	
<div id="personal_line_top"><span></span></div>
<div class="changepas_suc_note" id="changepas_suc_note" style="display:none"></div>
<div class="top_text_change_pass">Thay đổi mật khẩu đăng nhập của thành viên: <span style="color:#0600ff; font-weight:bold; margin-left:5px; ">{$user_name}</span></div>                    
     <form method="post" name="change_pass" id="change_pass" style="display:inline" action="javascript:changePasWord()">         
            <div class="personal_avatar">                                                                          
              {$avatar}
            </div>                   
            <div class="personal_style_form marginTop12">
                <span class="personal_laber">Mật khẩu hiện tại </span>
                    <input class="text"  name="old_password" type="password" id="old_password" maxlength="100"/>
            </div>
           
            <div class="personal_style_form clearfix">
                <span class="personal_laber">Mật khẩu mới </span>
                    <input class="text"  name="new_password" type="password" id="new_password" maxlength="100"/>
            </div>
            

            <div class="personal_style_form clearfix">
                <span class="personal_laber">Xác nhận mật khẩu mới</span>
                    <input class="text"  name="retype_new_password" type="password" id="retype_new_password" maxlength="100" />
            </div>
            
            <div id="personalSubmit" class="personal_submit clearfix"><input class="btn_send_mes" onmouseout="this.className='btn_send_mes'" onmouseover="this.className='btn_send_mes_hover'" id="update" name="update" type="submit" value="Lưu xác nhận">&nbsp;&nbsp;<input class="btnLogLogin" onmouseout="this.className='btnLogLogin'" onmouseover="this.className='btnLogLoginOver'" name="reset" type="reset" value="Nhập lại" /></div>
        </form>                 
    <div style="height:89px;"></div>
</div>
    </div>
{literal} 
<script language="javascript">
jQuery().ready(function(){	
	jQuery().ajaxComplete(function(r,s){
		jQuery("#loading-layer").fadeOut("slow");
	});	
					
	jQuery("#change_pass").validate({		
		errorElement: "em",
		success: function(label) {
				label.text("ok!").addClass("success");				
		},														
	
		rules: {
			old_password: {
				required: true,	
				minlength: 6,			
				remote: WEB_DIR+"ajax.php?act=personal&code=password"
			},				
			new_password: {
				required: true,
				minlength: 6
			},
			retype_new_password: {
				required: true,
				minlength: 6,
				equalTo: "#new_password"
			}					
		},
		messages: {
			old_password: {
				required: "Mật khẩu không hợp lệ",
				minlength: "Mật khẩu tối thiểu 6 ký tự",				
				remote: "Mật khẩu không đúng" 
			},			
			new_password: {
				required: "Mật khẩu mới không hợp lệ",
				minlength: "Mật khẩu mới tối thiểu 6 ký tự"
			},
			retype_new_password: {
				required: "Xác nhận mật khẩu mới không hợp lệ",
				minlength: "Xác nhận mật khẩu mới ít nhất 6 ký tự",
				equalTo: "Xác nhận mật khẩu mới không đúng"
			}
		}		
	});	 
});
</script>	
{/literal} 